:root {
  --d-button-border-radius: 6.25rem;
}

.discourse-no-touch .topic-body .actions .fade-out {
  transition: none;
}

.sidebar-new-topic-button__wrapper {
  &:has(.fk-d-tooltip__trigger) {
    #create-topic.btn {
      border-radius: var(--d-button-border-radius) 0 0
        var(--d-button-border-radius);
    }
  }

  .topic-drafts-menu-trigger.btn.no-text {
    background: var(--accent-color);

    &:hover,
    &:focus-visible {
      background: light-dark(
        oklch(from var(--accent-color) 40% c h),
        oklch(from var(--accent-color) 50% c h)
      ) !important;
      box-shadow: none;
    }

    .d-icon {
      color: var(--accent-text-color);
    }
  }
}

.discourse-no-touch .dropdown-menu__item .btn {
  background: transparent;
}

.discourse-no-touch .btn-default.sidebar-new-topic-button,
.discourse-no-touch .btn-default,
.discourse-no-touch .select-kit .select-kit-header.btn-default {
  background: var(--primary-100);

  .d-icon {
    color: var(--accent-color);
  }

  &:hover {
    border-color: transparent;
    box-shadow: 0 0 8px 1px var(--button-box-shadow);
    background: var(--d-content-background);
    color: var(--accent-color);

    .d-icon {
      color: var(--accent-color);
    }
  }

  &:focus-visible {
    background: var(--d-content-background);
    color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--button-box-shadow);

    .d-icon {
      color: var(--accent-color);
    }
  }

  &:active:not(:hover, :focus) {
    color: var(--primary);
    background: var(--tertiary-300);
    background-image: none;

    .d-icon {
      color: var(--tertiary-high);
    }
  }
}

.btn-primary,
#create-topic.btn,
.discourse-no-touch .btn-default.ai-new-question-button {
  background-color: var(--accent-color);
  color: var(--accent-text-color);

  .d-icon {
    color: var(--accent-text-color);
  }

  &:hover {
    .discourse-no-touch & {
      background: light-dark(
        oklch(from var(--accent-color) 40% c h),
        oklch(from var(--accent-color) 50% c h)
      );
      box-shadow: 0 0 6px 1px var(--button-box-shadow);
      color: var(--accent-text-color);

      .d-icon {
        color: var(--accent-text-color);
      }
    }
  }

  &:focus-visible {
    .discourse-no-touch & {
      background: light-dark(
        oklch(from var(--accent-color) 40% c h),
        oklch(from var(--accent-color) 50% c h)
      );
      box-shadow: 0 0 0 4px var(--button-box-shadow);
      color: var(--accent-text-color);
    }
  }

  &:active {
    background: light-dark(
      oklch(from var(--accent-color) 40% c h),
      oklch(from var(--accent-color) 50% c h)
    );
  }
}

// DiscoToc plugin
.d-toc-main,
.timeline-footer-controls {
  .btn.timeline-toggle {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: var(--main-grid-gap);
  }
}
